<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>element-details - web component using &lt;template&gt; and &lt;slot&gt;</title>
  </head>
  <body>
    <h1>测试</h1>

    <template id="dialog-template">
        <header>
            <slot name="element-name"></slot>
        </header>
        <content>弹窗主体内容</content>
        <footer>底部内容</footer>
    </template>

    <dialog-slot>
      <p slot="element-name">
          <button class="btn-cancel">取消</button>
          <button class="btn-ok">确定</button>
      </p>
      <p slot="description">描述1</p>
    </dialog-slot>

    <script src="main.js"></script>
  </body>
</html>